<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<title></title>
	</head>
	<body>
		<!-- h${$级标题}*6     之后tab键得如下效果-->
		<h1>1级标题</h1>
		<h2>2级标题</h2>
		<h3>3级标题</h3>
		<h4>4级标题</h4>
		<h5>5级标题</h5>
		<h6>6级标题</h6>
		<hr>
		<!-- div.h${$级标题}*6  之后tab键得如下效果 -->
		<!-- display-$  表示突出显示 -->
		<div class="h1 display-1">1级标题</div>
		<div class="h2 display-2">2级标题</div>
		<div class="h3">3级标题</div>
		<div class="h4">4级标题</div>
		<div class="h5">5级标题</div>
		<div class="h6">6级标题</div>
		<hr>
		<h2>登鹳雀楼</h2>
		<h3>王之涣</h3>
		<p>白日依山尽</p>
		<p>黄河入海流</p>
		<p>欲穷千里目</p>
		<p>更上一层楼</p>
	</body>
</html>
